<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/sistema/template/templateTab.xhtml">

	<ui:composition template="/sistema/template/template.xhtml">

		<ui:define name="corpo">

			<h:panelGrid style="text-align:left;" width="100%">
				<p:outputLabel value="Relatório Mensal" styleClass="subtitulo" />
				<p:spacer height="30" width="100%" />
			</h:panelGrid>

			<p:carousel itemStyleClass="carItem" pageLinks="4" rows="1"
				effect="easeInStrong" headerText="Resultados Gráficos">
				<p:panel style="width:920px; height:573px;">
					<p:barChart id="basic"
						value="#{visualizarLancamentosMB.cartesianChartModel}"
						legendPosition="ne" min="0" barMargin="10" barPadding="10"
						max="#{visualizarLancamentosMB.valorMaximoGraficoBarras}"
						style="height:98%;" />
				</p:panel>
				<p:panel style="width:920px; height:573px;">
					<p:pieChart id="sample"
						value="#{visualizarLancamentosMB.pieChartModel}"
						legendPosition="ne" style="height:98%;" />
				</p:panel>
			</p:carousel>


		</ui:define>

	</ui:composition>

</ui:composition>